<template>
    <div>
        <h1>这是store中的数据：{{ $store.state.num }}</h1>
        <button @click="jia">+1+1+1+1+1+1+1+1</button>
        <button @click="jiaN">+n+n+n+n+n+n+n+n</button>
        <button @click="asyncJia">异步++++++111111111</button>
        <button @click="asyncJiaN">异步++++++nnnnnnnnnnn</button>
    </div>
</template>

<script>
    export default {
        name:"Incre",
        methods:{
            jia(){
                this.$store.commit("add");
            },
            jiaN(){
                this.$store.commit("addN",10);
            },
            asyncJia(){
                // console.log(this.$store);
                this.$store.dispatch("asyncAdd");
            },
            asyncJiaN(){
                this.$store.dispatch("asyncAddN",10);
            }
        }
    }
</script>

<style scoped>

</style>